<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Maps Toolbar</title>

    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/dijit/themes/nihilo/nihilo.css">
    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/esri/css/esri.css">
    <!--<link rel="stylesheet" href="/javascripts/jslib/esri/api/esri/css/esri.css">用服务器上的css有问题，arcgis的css没问题-->
    <style>
        html, body, #mainWindow {
            font-family: sans-serif;
            height: 100%;
            width: 100%;
        }
        html, body {
            margin: 0;
            padding: 0;
        }
        #header {
            height: 80px;
            overflow: auto;
            padding: 0.5em;
        }
    </style>

    <!--<script src="https://js.arcgis.com/3.16/"></script>-->
    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/init.js"></script>
    <script src="draw.js"></script>
</head>
<body class="nihilo">

<div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'">
    <div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
        <span>Draw:<br /></span>
        <button data-dojo-type="dijit/form/Button">Point</button>
        <button data-dojo-type="dijit/form/Button">Multi Point</button>
        <button data-dojo-type="dijit/form/Button">Line</button>
        <button data-dojo-type="dijit/form/Button">Polyline</button>
        <button data-dojo-type="dijit/form/Button">Polygon</button>
        <button data-dojo-type="dijit/form/Button">Freehand Polyline</button>
        <button data-dojo-type="dijit/form/Button">Freehand Polygon</button>

        <button data-dojo-type="dijit/form/Button">Arrow</button>
        <button data-dojo-type="dijit/form/Button">Triangle</button>
        <button data-dojo-type="dijit/form/Button">Circle</button>
        <button data-dojo-type="dijit/form/Button">Ellipse</button>
    </div>
    <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"></div>
</div>

</body>
</html>